<template>
  <component :is="getOutlineComponent" :info="props.info"></component>
</template>

<script setup lang="ts">
import { computed } from 'vue';
import style1 from './style/style1.vue';
import style2 from './style/style2.vue';
import style3 from './style/style3.vue';
import style4 from './style/style4.vue';
import style5 from './style/style5.vue';
import style6 from './style/style6.vue';
import free2Style1 from './style2/style1.vue';
import free3Style1 from './style3/style1.vue';
import free3Style2 from './style3/style2.vue';
import free3Style3 from './style3/style3.vue';
import free3Style4 from './style3/style4.vue';
import free4Style1 from './style4/style1.vue';
import free4Style2 from './style4/style2.vue';
import free4Style3 from './style4/style3.vue';
import free4Style4 from './style4/style4.vue';
import free4Style5 from './style4/style5.vue';
import free4Style6 from './style4/style6.vue';

import free5Style1 from './style5/style1.vue';
import free5Style2 from './style5/style2.vue';
import free5Style3 from './style5/style3.vue';
import free5Style4 from './style5/style4.vue';
import free5Style5 from './style5/style5.vue';
import free5Style6 from './style5/style6.vue';

import free6Style1 from './style6/style1.vue';
import free6Style2 from './style6/style2.vue';
import free6Style3 from './style6/style3.vue';
import free6Style4 from './style6/style4.vue';
import free6Style5 from './style6/style5.vue';
import free6Style6 from './style6/style6.vue';
import free7Style1 from './style7/style1.vue';
import free7Style2 from './style7/style2.vue';
import free7Style3 from './style7/style3.vue';
import free8Style1 from './style8/style1.vue';
import free8Style2 from './style8/style2.vue';
import free8Style3 from './style8/style3.vue';
import free8Style4 from './style8/style4.vue';
import free8Style5 from './style8/style5.vue';
import free8Style6 from './style8/style6.vue';
import free8Style7 from './style8/style7.vue';
import free8Style8 from './style8/style8.vue';

import free9Style1 from './style9/style1.vue';
import free9Style2 from './style9/style2.vue';
import free9Style3 from './style9/style3.vue';
import free9Style4 from './style9/style4.vue';

import free11Style1 from './style11/style1.vue';
import free11Style2 from './style11/style2.vue';
import free11Style3 from './style11/style3.vue';
import free10Style1 from './style10/style1.vue';
import free10Style2 from './style10/style2.vue';
import free10Style3 from './style10/style3.vue';
import free10Style4 from './style10/style4.vue';
import free12Style1 from './style12/style1.vue';
import free12Style2 from './style12/style2.vue';
import free12Style3 from './style12/style3.vue';
import free13Style1 from './style13/style1.vue';
import free13Style2 from './style13/style2.vue';
import free13Style3 from './style13/style3.vue';
import free13Style4 from './style13/style4.vue';
import free13Style5 from './style13/style5.vue';
import free13Style6 from './style13/style6.vue';
import free14Style1 from './style14/style1.vue';
import free14Style2 from './style14/style2.vue';
import free14Style3 from './style14/style3.vue';
import free15Style1 from './style15/style1.vue';
import free15Style2 from './style15/style2.vue';
import free15Style3 from './style15/style3.vue';
import free16Style1 from './style16/style1.vue';
import free16Style2 from './style16/style2.vue';
import free16Style3 from './style16/style3.vue';

import free17Style1 from './style17/style1.vue';
import free17Style2 from './style17/style2.vue';
import free17Style3 from './style17/style3.vue';
import free17Style4 from './style17/style4.vue';
import { urls } from '@/utils/request/upload';
const props = defineProps({
  info: {
    type: Object,
  },
});

const getOutlineComponent = computed(() => {
  switch (props.info.type) {
    case 13001:
      return style1;
      break;
    case 13002:
      return style2;
      break;
    case 13003:
      return style3;
      break;
    case 13004:
      return style4;
      break;
    case 13005:
      return style5;
      break;
    case 13006:
      return style6;
      break;
    case 23001:
      return free2Style1;
      break;
    case 33002:
      return free3Style2;
      break;
    case 33003:
      return free3Style3;
      break;
    case 33004:
      return free3Style4;
      break;
    case 33001:
      return free3Style1;
      break;
    case 43001:
      return free4Style1;
      break;
    case 43002:
      return free4Style2;
      break;
    case 43003:
      return free4Style3;
      break;
    case 43004:
      return free4Style4;
      break;
    case 43005:
      return free4Style5;
      break;
    case 43006:
      return free4Style6;
      break;
    case 53001:
      return free5Style1;
      break;
    case 53002:
      return free5Style2;
      break;
    case 53003:
      return free5Style3;
      break;
    case 53004:
      return free5Style4;
      break;
    case 53005:
      return free5Style5;
      break;
    case 53006:
      return free5Style6;
      break;
    case 63001:
      return free6Style1;
      break;
    case 63002:
      return free6Style2;
      break;
    case 63003:
      return free6Style3;
      break;
    case 63004:
      return free6Style4;
      break;
    case 63005:
      return free6Style5;
      break;
    case 63006:
      return free6Style6;
      break;
    case 73001:
      return free7Style1;
      break;
    case 73002:
      return free7Style2;
      break;
    case 73003:
      return free7Style3;
      break;
    case 83001:
      return free8Style1;
      break;
    case 83002:
      return free8Style2;
      break;
    case 83003:
      return free8Style3;
      break;
    case 83004:
      return free8Style4;
      break;
    case 83005:
      return free8Style5;
      break;
    case 83006:
      return free8Style6;
      break;
    case 83007:
      return free8Style7;
      break;
    case 83008:
      return free8Style8;
      break;
    case 93001:
      return free9Style1;
      break;
    case 93002:
      return free9Style2;
      break;
    case 93003:
      return free9Style3;
      break;
    case 93004:
      return free9Style4;
      break;
    case 103001:
      return free10Style1;
      break;
    case 103002:
      return free10Style2;
      break;
    case 103003:
      return free10Style3;
      break;
    case 103004:
      return free10Style4;
      break;
    case 113001:
      return free11Style1;
      break;
    case 113002:
      return free11Style2;
      break;
    case 113003:
      return free11Style3;
      break;
    case 123001:
      return free12Style1;
      break;
    case 123002:
      return free12Style2;
      break;
    case 123003:
      return free12Style3;
      break;
    case 133001:
      return free13Style1;
      break;
    case 133002:
      return free13Style2;
      break;
    case 133003:
      return free13Style3;
      break;
    case 133004:
      return free13Style4;
      break;
    case 133005:
      return free13Style5;
      break;
    case 133006:
      return free13Style6;
      break;
    case 143001:
      return free14Style1;
      break;
    case 143002:
      return free14Style2;
      break;
    case 143003:
      return free14Style3;
      break;
    case 153001:
      return free15Style1;
      break;
    case 153002:
      return free15Style2;
      break;
    case 153003:
      return free15Style3;
      break;
    case 163001:
      return free16Style1;
      break;
    case 163002:
      return free16Style2;
      break;
    case 163003:
      return free16Style3;
      break;
    case 173001:
      return free17Style1;
      break;
    case 173002:
      return free17Style2;
      break;
    case 173003:
      return free17Style3;
      break;
    case 173004:
      return free17Style4;
      break;
    default:
      return style1;
      break;
  }
});
</script>

<style scoped lang="less"></style>
